<template>
  <div
    :class="[
      upload_default_remind,
      css_ab_center,
      css_content_padding,
      css_child_margin_top,
      transition_size_change,
    ]"
    :id="upload_default_remind"
  >
    <upload_file :class="[css_color_active]"></upload_file>

    <file_name :class="[css_disnone]"></file_name>
    <file_type :class="[css_disnone]"></file_type>

    <add_new_type :class="[css_disnone]"></add_new_type>

    <div :class="[upload_func_border, css_disnone]" :id="upload_func_border">
      <upload_func_certain></upload_func_certain>
    </div>
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue';

import './upload.css';

import upload_file from './uni_comps/upload_file/upload_file.vue';
import add_new_type from './uni_comps/add_new_type/add_new_type.vue';
import file_name from './uni_comps/file_name/file_name.vue';
import file_type from './uni_comps/file_type/file_type.vue';

import upload_func_certain from './uni_comps/upload_func_certain/upload_func_certain.vue';

import {
  upload_default_remind,
  upload_func_border,
} from './DataDefine/sourceData';
import {
  css_ab_center,
  css_child_margin_top,
  css_color_active,
  css_content_padding,
  css_disnone,
  transition_size_change,
} from '../global_comps/Css';
import { init_upload } from './upload';

onMounted(() => {
  init_upload();
});
</script>
